import React from "react";
import { Tabs } from "antd";
import type { TabsProps } from "antd";

import { TabOne } from "./TabOne";

const onChange = (key: string) => {
  console.log(key);
};

const items: TabsProps["items"] = [
  {
    key: "1",
    label: "Tab 1",
    children: <TabOne />,
  },
  {
    key: "2",
    label: "Tab 2",
    children: "Content of Tab Pane 2",
  },
  {
    key: "3",
    label: "Tab 3",
    children: "Content of Tab Pane 3",
  },
];

export const Editor: React.FC = () => (
  <Tabs
    style={{ width: "600px", height: "600px" }}
    defaultActiveKey="1"
    items={items}
    onChange={onChange}
  />
);
